<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="icon" href="./favicon.ico">
    <title>lovejjTo520</title>
    <meta name="description" content="第三个520-dongWithJuan">
    <meta name="keywords" content="网站关键词">
    <link rel="stylesheet" type="text/css" href="./css/lovexhj.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" type="text/css" href="./css/FiraCode.css">
    <!-- 背景音乐 -->
    <audio src="http://music.163.com/song/media/outer/url?id=432821964.mp3" autoplay="autoplay"></audio> 
</head>

<body>
    <!-- 标题板块 -->
    <div class="title">
        <img src="./images/bg1.gif" alt="bgGif">
        <p id="tqyxhj"></p>
    </div>

    <!-- 分页1 - 骚话 -->
    <div class="page page1">
        <div class="swiper-container swiper-container-lovexhj1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img src="https://i.loli.net/2021/05/18/STzv3rJ4holZFkQ.jpg" alt="dong">
                        <img src="./images/cat.gif" alt="cat">
                        <img src="https://i.loli.net/2021/05/18/STzv3rJ4holZFkQ.jpg" alt="juan">
                        <p id="lovetime"></p>
                        <p>被你抱住的一瞬间觉得我拥有了全世界</p>
                        <p>人间三月美景不及你~</p>
                        <span class="right">往右划动 →</span>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/cat3.gif" alt="cat3">
                        <p class="catText">抱死你 ↑</p>
                        <p>这次我<b>超级超级超级超级</b></p>
                        <p>认真的写了一遍</p>
                        <p style="font-size: 13px;">以 框架构造、
                            <span style="color: red; font-size: 16px;">爱你</span>、
                            视觉体验、响应式 为核心制作
                        </p>
                        <span class="right">再划一次吧 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/cat4.gif" alt="cat4">
                        <p class="catText">拍你猪头 ↑</p>
                        <p>这次应该不会太难看了吧</p>
                        <p>希望你喜欢呀</p>
                        <p>爱你哟(๑′ᴗ‵๑)</p>
                        <b>520快乐我的<span style="color: pink;">猪</span></b>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-lovexhj1"></div>
        </div>
    </div>

    <!-- 分页2 - 时间轴 -->
    <div class="page page2">
        <div class="swiper-container swiper-container-lovexhj2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="https://i.loli.net/2021/05/18/1KkXORQmy78frcP.jpg" alt="page2-1">
                        <p><b>抓紧你，不松手～</b></p>
                        <p>2020-4-5</p>
                        
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-10-3.jpg" alt="page2-2">
                        <p><b>彼时，断桥上，许仙与白蛇，此时，我与你。</b></p>
                        <p>彼时彼刻恰如此时此刻</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-10-4.jpg" alt="page2-3">
                        <p>我的肩膀永远是你最坚实的依靠～</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-10-5.jpg" alt="page2-4">
                        <p><b>和你一起共享的晚餐才是最好的晚餐～</b></p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-10-6.jpg" alt="page2-5">
                        <p><b>湖面虽美，亦不及你的微笑</b></p>
                        
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-10-7.jpg" alt="page2-6">
                        <p>依依不舍的送你远去</p>
                        <p><b>现在的我们不用再忍受仿佛再也不见的离别</b></p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-10-8.jpg" alt="page2-7">
                        <p><b>实现了一起大口吃肉的愿望~</b></p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-10-9.jpg" alt="page2-8">
                        <p><b>人生金榜题名</b></p>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-lovexhj2"></div>
        </div>
    </div>

    <!-- 分页3 - 一段话 -->
    <div class="page page3">
        <div id="talkToXHJ">
            <b>回顾上一个520</b>
            <br />
            我们还在距离千里，彼此只能依靠文字视频来联系维护，偶尔的相见时间总是那么的短暂。但是每次拥抱到你的时候我的心总是能够快速安定下来，安静的享受那美妙的时刻，彷佛时间再也不会流动了。
            <br />
            <br />
            <b>这是我们的第二个520</b>
            <br />
            此时此刻的我们距离十分的近，再也不必像之前想一起出去玩都要全力拼凑时间。
            <br />
            上个周末的时候就在构思这个怎么做才好，因为加班的原因，心里也是一直没法好好安静下来做这个小礼物，好在这两天正常下班了。
            <br />
            你最近这段时间也很忙，忙着学习，忙着搬家，你也一直在默默的努力，上次最让我感动的就是那次我不让你报班，你很生气，哭着说：我也不想一直不努力，跟不上你的脚步。
            <br/>
            当时听到我也很想哭，得女票如此，夫复何求，我决定我一定要全力支持你，我们一起努力向更好的未来前进。
            <br/>
            无论何时唯有用心才能做得更好，陪你也是这样，每天的事情大同小异，除去日常琐事剩下的就是陪你，日复一日但是每天都会是不同的感觉，带来不同的乐趣。
            <br />
            陪你玩游戏，陪你聊天，看似再平常不过的事情在我们这里都充满了开心。
            <br />
            <br />
            <b>我想</b>
            <br />
            我们还会有好多好多的520，不过每一次我都要尝试用新鲜的思路去给你带来一些值得回忆的瞬间还是很有挑战性的，对我来说给你准备惊喜的过程总是充满了动力
            <br />
            默默写下这些话，希望你喜欢这个小礼物。
            <br />
            节日快乐猪
            <br />
            ## 爱你的东东 (๑′ᴗ‵๑)~ ❤
        </div>
    </div>

    

        <div class="footer">
            <div class="footerBox">
                <p>
                     2021
                
                </p>
                <p>THEME MADE BY <a href="https://gitee.com/n0ts/lovexhjTo520">xhj</a> </p>
            </div>
        </div>
    </div>

    <!-- 两只XHJ一样的猪 -->
    <div class="xhjIsPig">
        <img src="./images/pig1.gif" alt="pig1" class="pig1">
        <img src="./images/pig2.gif" alt="pig2" class="pig2">
    </div>

    <!-- js加载 -->
    <script src="https://cdn.bootcss.com/wow/1.1.2/wow.js"></script>
    <script src="./js/typeit.min.js"></script>
    <script src="./js/swiper-3.4.2.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script>

    <script src="./js/lovetime.js"></script>
    <script src="./js/talk.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/su.js"></script>
    <script>
        (function () {
            new WOW().init()
        })()
    </script>

    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $('body').wpSuperSnow({
                flakes: ['./images/004.png', './images/003.png', './images/002.png',
                    './images/001.png'
                ],
                totalFlakes: '100',
                zIndex: '999999',
                maxSize: '30',
                maxDuration: '20',
                useFlakeTrans: false
            });
        });
    </script>
</body>

</html>